home *** CD-ROM | disk | FTP | other *** search
/ PowerQuest 2002 / PowerQuest 2002.iso / POWERQUEST / PQ ControlCenter ST v2.04a for DeployCenter / CCST / data1.cab / HTML_Common / PQCCST / 0411 / tree11.js < prev   
Encoding:
Text File  |  2001-12-05  |  11.5 KB  |  453 lines

  1. function Folder(folderDescription, hreference, image) //constructor 
  2.   //constant data 
  3.   this.desc = folderDescription 
  4.   this.hreference = hreference 
  5.   this.id = -1   
  6.   this.navObj = 0  
  7.   this.iconImg = 0  
  8.   this.nodeImg = 0  
  9.   this.isLastNode = 0 
  10.  
  11.   //dynamic data 
  12.   this.isOpen = true 
  13. //this.iconSrc = "../../PQHTML/CCSM/IMAGES/ftv2folderopen.gif"
  14.   this.iconSrc = image
  15.   this.children = new Array 
  16.   this.nChildren = 0 
  17.  
  18.   //methods 
  19.   this.initialize = initializeFolder 
  20.   this.setState = setStateFolder 
  21.   this.addChild = addChild 
  22.   this.createIndex = createEntryIndex 
  23.   this.hide = hideFolder 
  24.   this.display = display 
  25.   this.renderOb = drawFolder 
  26.   this.totalHeight = totalHeight 
  27.   this.subEntries = folderSubEntries 
  28.   this.outputLink = outputFolderLink 
  29.  
  30. function setStateFolder(isOpen) 
  31.   var subEntries 
  32.   var totalHeight 
  33.   var fIt = 0 
  34.   var i=0 
  35.  
  36.   if (isOpen == this.isOpen) 
  37.     return 
  38.  
  39.   if (browserVersion == 2)  
  40.   { 
  41.     totalHeight = 0 
  42.     for (i=0; i < this.nChildren; i++) 
  43.       totalHeight = totalHeight + this.children[i].navObj.clip.height 
  44.       subEntries = this.subEntries() 
  45.     if (this.isOpen) 
  46.       totalHeight = 0 - totalHeight 
  47.     for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++) 
  48.       indexOfEntries[fIt].navObj.moveBy(0, totalHeight) 
  49.   }  
  50.   this.isOpen = isOpen 
  51.   propagateChangesInState(this) 
  52.  
  53. function propagateChangesInState(folder) 
  54. {   
  55.   var i=0 
  56.  
  57.   if (folder.isOpen) 
  58.   { 
  59.     if (folder.nodeImg) 
  60.       if (folder.isLastNode) 
  61.         folder.nodeImg.src = "../../PQHTML/PQCCST/IMAGES/tree_cont.gif" 
  62.       else 
  63.       folder.nodeImg.src = "../../PQHTML/PQCCST/IMAGES/tree_cont.gif" 
  64. //my changes
  65. //    folder.iconImg.src = "../../PQHTML/PQCCST/IMAGES/ftv2folderopen.gif" 
  66.     folder.iconImg.src = folder.iconSrc
  67.     for (i=0; i<folder.nChildren; i++) 
  68.       folder.children[i].display() 
  69.   } 
  70.   else 
  71.   { 
  72.     if (folder.nodeImg) 
  73.       if (folder.isLastNode) 
  74.         folder.nodeImg.src = "../../PQHTML/PQCCST/IMAGES/tree_exp.gif" 
  75.       else 
  76.       folder.nodeImg.src = "../../PQHTML/PQCCST/IMAGES/tree_exp.gif" 
  77. //my changes      
  78. //    folder.iconImg.src = "../../PQHTML/CCSM/IMAGES/ftv2folderclosed.gif" 
  79.     folder.iconImg.src = folder.iconSrc
  80.     for (i=0; i<folder.nChildren; i++) 
  81.       folder.children[i].hide() 
  82.   }  
  83.  
  84. function hideFolder() 
  85.   if (browserVersion == 1) { 
  86.     if (this.navObj.style.display == "none") 
  87.       return 
  88.     this.navObj.style.display = "none" 
  89.   } else { 
  90.     if (this.navObj.visibility == "hiden") 
  91.       return 
  92.     this.navObj.visibility = "hiden" 
  93.   } 
  94.    
  95.   this.setState(0) 
  96.  
  97. function initializeFolder(level, lastNode, leftSide) 
  98. var j=0 
  99. var i=0 
  100. var numberOfFolders 
  101. var numberOfDocs 
  102. var nc 
  103.       
  104.   nc = this.nChildren 
  105.    
  106.   this.createIndex() 
  107.  
  108.   var auxEv = "" 
  109.  
  110.   if (browserVersion > 0) 
  111.     auxEv = "<a href='javascript:clickOnNode("+this.id+")'>" 
  112.   else 
  113.     auxEv = "<a>" 
  114.  
  115.   if (level>0) 
  116.     if (lastNode) //the last 'brother' in the children array 
  117.     { 
  118.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='../../PQHTML/PQCCST/IMAGES/tree_cont.gif' width=8 height=8 border=0></a>") 
  119.       leftSide = leftSide + "<img src='../../PQHTML/PQCCST/IMAGES/bar_blue.gif' width=16 height=22>"  
  120.       this.isLastNode = 1 
  121.     } 
  122.     else 
  123.     { 
  124.       this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='../../PQHTML/CCSM/IMAGES/tree_cont.gif' width=8 height=9 border=0></a>") 
  125.       leftSide = leftSide + "<img src='../../PQHTML/PQCCST/IMAGES/bar_blue.gif' width=16 height=22>" 
  126.       this.isLastNode = 0 
  127.     } 
  128.   else 
  129.     this.renderOb("") 
  130.    
  131.   if (nc > 0) 
  132.   { 
  133.     level = level + 1 
  134.     for (i=0 ; i < this.nChildren; i++)  
  135.     { 
  136.       if (i == this.nChildren-1) 
  137.         this.children[i].initialize(level, 1, leftSide) 
  138.       else 
  139.         this.children[i].initialize(level, 0, leftSide) 
  140.       } 
  141.   } 
  142.  
  143. function drawFolder(leftSide) 
  144.   if (browserVersion == 2) { 
  145.     if (!doc.yPos) 
  146.       doc.yPos=8 
  147.     doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + " visibility=hiden>") 
  148.   } 
  149.    
  150.   doc.write("<table ") 
  151.   if (browserVersion == 1) 
  152.     doc.write(" id='folder" + this.id + "' style='position:block;' ") 
  153.   doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  154.   doc.write("<tr><td>") 
  155.   doc.write(leftSide) 
  156.   this.outputLink() 
  157.   doc.write("<img name='folderIcon" + this.id + "' ") 
  158.   doc.write("src='" + this.iconSrc+"' border=0></a>") 
  159.   doc.write("</td><td valign=middle nowrap>") 
  160.   if (USETEXTLINKS) 
  161.   { 
  162.     this.outputLink() 
  163.     doc.write(this.desc + "</a>") 
  164.   } 
  165.   else 
  166.     doc.write(this.desc) 
  167.   doc.write("</td>")  
  168.   doc.write("</table>") 
  169.    
  170.   if (browserVersion == 2) { 
  171.     doc.write("</layer>") 
  172.   } 
  173.  
  174.   if (browserVersion == 1) { 
  175.     this.navObj = doc.all["folder"+this.id] 
  176.     this.iconImg = doc.all["folderIcon"+this.id] 
  177.     this.nodeImg = doc.all["nodeIcon"+this.id] 
  178.   } else if (browserVersion == 2) { 
  179.     this.navObj = doc.layers["folder"+this.id] 
  180.     this.iconImg = this.navObj.document.images["folderIcon"+this.id] 
  181.     this.nodeImg = this.navObj.document.images["nodeIcon"+this.id] 
  182.     doc.yPos=doc.yPos+this.navObj.clip.height 
  183.   } 
  184.  
  185. function outputFolderLink() 
  186.   if (this.hreference) 
  187.   { 
  188.     doc.write("<a href='" + this.hreference + "' TARGET=\"mainFrametree\" ") 
  189.     if (browserVersion > 0) 
  190.       doc.write("onClick='javascript:clickOnFolder("+this.id+")'") 
  191.     doc.write(">") 
  192.   } 
  193.   else 
  194.     doc.write("<a>") 
  195. //  doc.write("<a href='javascript:clickOnFolder("+this.id+")'>")   
  196.  
  197. function addChild(childNode) 
  198.   this.children[this.nChildren] = childNode 
  199.   this.nChildren++ 
  200.   return childNode 
  201.  
  202. function folderSubEntries() 
  203.   var i = 0 
  204.   var se = this.nChildren 
  205.  
  206.   for (i=0; i < this.nChildren; i++){ 
  207.     if (this.children[i].children) //is a folder 
  208.       se = se + this.children[i].subEntries() 
  209.   } 
  210.  
  211.   return se 
  212.  
  213.  
  214. // Definition of class Item (a document or link inside a Folder) 
  215. // ************************************************************* 
  216.  
  217. function Item(itemDescription, itemLink,image)  // Constructor 
  218.   // constant data 
  219.   this.desc = itemDescription 
  220.   this.link = itemLink 
  221.   this.id = -1 //initialized in initalize() 
  222.   this.navObj = 0 //initialized in render() 
  223.     this.iconImg = 0 //initialized in render()
  224. //  this.iconSrc = "../../PQHTML/CCSM/IMAGES/ftv2doc.gif" 
  225.     this.iconSrc = image
  226.  
  227.   // methods 
  228.   this.initialize = initializeItem 
  229.   this.createIndex = createEntryIndex 
  230.   this.hide = hideItem 
  231.   this.display = display 
  232.   this.renderOb = drawItem 
  233.   this.totalHeight = totalHeight 
  234.  
  235. function hideItem() 
  236.   if (browserVersion == 1) { 
  237.     if (this.navObj.style.display == "none") 
  238.       return 
  239.     this.navObj.style.display = "none" 
  240.   } else { 
  241.     if (this.navObj.visibility == "hiden") 
  242.       return 
  243.     this.navObj.visibility = "hiden" 
  244.   }     
  245.  
  246. function initializeItem(level, lastNode, leftSide) 
  247. {  
  248.   this.createIndex() 
  249.  
  250.   if (level>0) 
  251.     if (lastNode) //the last 'brother' in the children array 
  252.     { 
  253.       this.renderOb(leftSide + "<img src='../../PQHTML/PQCCST/IMAGES/bar_blue.gif' width=16 height=22>") 
  254.       leftSide = leftSide + "<img src='../../PQHTML/PQCCST/IMAGES/bar_blue.gif' width=16 height=22>"  
  255.     } 
  256.     else 
  257.     { 
  258.       this.renderOb(leftSide + "<img src='../../PQHTML/PQCCST/IMAGES/bar_blue.gif' width=16 height=22>") 
  259.       leftSide = leftSide + "<img src='../../PQHTML/PQCCST/IMAGES/bar_blue.gif' width=16 height=22>" 
  260.     } 
  261.   else 
  262.     this.renderOb("")   
  263.  
  264. function drawItem(leftSide) 
  265.   if (browserVersion == 2) 
  266.     doc.write("<layer id='item" + this.id + "' top=" + doc.yPos + " visibility=hiden>") 
  267.      
  268.   doc.write("<table ") 
  269.   if (browserVersion == 1) 
  270.     doc.write(" id='item" + this.id + "' style='position:block;' ") 
  271.   doc.write(" border=0 cellspacing=0 cellpadding=0>") 
  272.   doc.write("<tr><td>") 
  273.   doc.write(leftSide) 
  274.   doc.write("<a href=" + this.link + ">") 
  275.   doc.write("<img id='itemIcon"+this.id+"' ") 
  276.   doc.write("src='"+this.iconSrc+"' border=0>") 
  277.   doc.write("</a>") 
  278.   doc.write("</td><td valign=middle nowrap>") 
  279.   if (USETEXTLINKS) 
  280.     doc.write("<a href=" + this.link + ">" + this.desc + "</a>") 
  281.   else 
  282.     doc.write(this.desc) 
  283.   doc.write("</table>") 
  284.    
  285.   if (browserVersion == 2) 
  286.     doc.write("</layer>") 
  287.  
  288.   if (browserVersion == 1) { 
  289.     this.navObj = doc.all["item"+this.id] 
  290.     this.iconImg = doc.all["itemIcon"+this.id] 
  291.   } else if (browserVersion == 2) { 
  292.     this.navObj = doc.layers["item"+this.id] 
  293.     this.iconImg = this.navObj.document.images["itemIcon"+this.id] 
  294.     doc.yPos=doc.yPos+this.navObj.clip.height 
  295.   } 
  296.  
  297.  
  298. // Methods common to both objects (pseudo-inheritance) 
  299. // ******************************************************** 
  300.  
  301. function display() 
  302.   if (browserVersion == 1) 
  303.     this.navObj.style.display = "block" 
  304.   else 
  305.     this.navObj.visibility = "show" 
  306.  
  307. function createEntryIndex() 
  308.   this.id = nEntries 
  309.   indexOfEntries[nEntries] = this 
  310.   nEntries++ 
  311.  
  312. // total height of subEntries open 
  313. function totalHeight() //used with browserVersion == 2 
  314.   var h = this.navObj.clip.height 
  315.   var i = 0 
  316.    
  317.   if (this.isOpen) //is a folder and _is_ open 
  318.     for (i=0 ; i < this.nChildren; i++)  
  319.       h = h + this.children[i].totalHeight() 
  320.  
  321.   return h 
  322.  
  323.  
  324. // Events 
  325. // ********************************************************* 
  326.  
  327. function clickOnFolder(folderId) 
  328.   var clicked = indexOfEntries[folderId] 
  329.  
  330.   if (!clicked.isOpen) 
  331.     clickOnNode(folderId) 
  332.  
  333.   return  
  334.  
  335.   if (clicked.isSelected) 
  336.     return 
  337.  
  338. function clickOnNode(folderId) 
  339.   var clickedFolder = 0 
  340.   var state = 0 
  341.  
  342.   clickedFolder = indexOfEntries[folderId] 
  343.   state = clickedFolder.isOpen 
  344.  
  345.   clickedFolder.setState(!state) //open<->close  
  346.  
  347. function initializeDocument() 
  348.   if (doc.all) 
  349.     browserVersion = 1 //IE4   
  350.   else 
  351.     if (doc.layers) 
  352.       browserVersion = 2 //NS4 
  353.     else 
  354.       browserVersion = 0 //other 
  355.  
  356.   foldersTree.initialize(0, 1, "") 
  357.   foldersTree.display()
  358.   
  359.   if (browserVersion > 0) 
  360.   { 
  361.     doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+"> </layer>") 
  362.  
  363.     // close the whole tree 
  364.     clickOnNode(0) 
  365.     // open the root folder 
  366.     clickOnNode(0) 
  367.   } 
  368.  
  369. // Auxiliary Functions for Folder-Treee backward compatibility 
  370. // ********************************************************* 
  371.  
  372. function gFld(description, hreference,image) 
  373.   folder = new Folder(description, hreference,image) 
  374.   return folder 
  375.  
  376. function gLnk(target, description, linkData,image) 
  377.   fullLink = "" 
  378.  
  379.   if (target==0) 
  380.   { 
  381.     fullLink = "'"+linkData+"' target=\"mainFrame\"" 
  382.   } 
  383.   else 
  384.   { 
  385.     if (target==1) 
  386.        fullLink = "'http://"+linkData+"' target=_blank" 
  387.     else 
  388.        fullLink = "'http://"+linkData+"' target=\"mainFrame\"" 
  389.   } 
  390.  
  391.   linkItem = new Item(description, fullLink,image)
  392.   return linkItem 
  393.  
  394. function insFld(parentFolder, childFolder) 
  395.   return parentFolder.addChild(childFolder) 
  396.  
  397. function insDoc(parentFolder, document) 
  398.   parentFolder.addChild(document) 
  399.  
  400. // Global variables 
  401. // **************** 
  402.  
  403. USETEXTLINKS = 1 
  404. indexOfEntries = new Array 
  405. nEntries = 0 
  406. doc = document 
  407. browserVersion = 0 
  408. selectedFolder=0
  409.